.WAP{width:100%;height:100%;position: relative}
.WAP .swiper-container {
	width: 100%;
	height: 100%;

}

.WAP .noimg{ pointer-events: none; }

.WAP .swiper-slide {
	background: #FFF;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.WAP .wapPage0,.wapPage1,.wapPage2,.wapPage3,.wapPage4,.wapPage5{width: 100%;height: 100%;}


.WAP .wapPage0{
	background: url(/statics/2020qly/wap/img/bg0.png) no-repeat ;
	background-size: 100% 100%;
	/* border:0.1px solid #CCC */
}

.WAP .wapPage1{
	background: url(/statics/2020qly/wap/img/bg1.png) no-repeat ;
	background-size: 100% 100%;
}
.WAP .wapPage2{
	background: url(/statics/2020qly/wap/img/bg2.png) no-repeat;
	background-size: 100% 100%;
}
.WAP .wapPage3{
	background: url(/statics/2020qly/wap/img/bg3.png) no-repeat;
	background-size: 100% 100%;
}
.WAP .wapPage4{
	background: url(/statics/2020qly/wap/img/bg4index.jpg) no-repeat;
	background-size: 100% 100%;
}
.WAP .wapPage5{
	background: url(/statics/2020qly/wap/img/bg5.png) no-repeat;
	background-size: 100% 100%;
}
.WAP .header{
	position: fixed;
	top:0;width:100%;height: 100px;
	border-bottom: solid 1px rgba(4, 4, 4, 0.18);
	box-shadow: 0px 10px 10px rgba(4, 4, 4, 0.18);
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 999;
}
.WAP .arrow{width:100%;position: absolute;bottom: 10px;z-index: 999;}
.WAP .arrow img{display: block;width:30px;height: 20px;margin: 0 auto;-webkit-animation: start 1.5s infinite ease-in-out;}

.WAP #scrollImg{
	position: absolute;
	top: 8px;right: 10px;
	width: 25px;height: 25px;border-radius: 25px;background-size: 25px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA6j0E4S2vQO/nFWs2Dgga+VMo7M25h3ZG02Vbmnww87NNP96oI8CMb5Lg1UAzAj8AAAKLSURBVEjHndbbkqMgEADQRpSAGsX7XeMmMcmO//99WzqzEgWMNf2QB6tOEZqGblCFHaSkQHzkqLikgQ2Hws9iemmC1saA7TZoLjTO/I/KJVF9wqtP+FRHxN1VYXItPcV3r7wmoVZ5KXMwqAM7LPU0ixVkLwU2KZRL5siB/XBQLn+smAGfwkCVxEwLPjvKNjA3wwMMnaz1X70j9xCbfu5vBxCXBxmAE4vjSMke8PI0Nmc2B0mXg2Pac8NGM3Dz5owLA5v9T0XiqI2bJR26lSHAeVwYgJP8lLKJZWQ9L5SSp/WT7lEwwOZ3Eom0XHBDXZK5eElJNK7qZk6HT6V6/fsyJiNYs3Iene5jVsM2TOs9MzXnbOWgzgAgPqmcyAzlj/C8dqcYwI+wwonMVFMmNw4jGwICsgvKn8zMxy05IAGkjcLxoTGwKC7JNQ8gvcK1q5qUXX+BwlI4SzClswpAtsYJJjufAccaJ5jszh2MoHGCyQ5GzXqCadbT7U8w3OZ5L+1Pk0/Byoher1cpn+rzqxZWoVx5fsp6YfS0XKleXS+q+jTGcnkgKYCyPrf3oa9vA+fLnkP0nYdOug8QGyDixh51V9PFYerOyRnWfyie7vtLfHCKs4H+vN/37OsO4Eb5yr0ymC6ueF+KfmLvDr+6Ie7KFfMif/Oe8X5iws2pKatNaThk+35GdGIeV9SQ/H6K99rgybynYb/tJpv+YKDArFsrpa3WiP4g+tGUEv9GebLLgKSr/jezDyH6n+i3B5mL7qv+zughZqF8O4ZYB1hoVr+ZX1xW/WpeinLNfObvKF8znwF4j+ipnQef0cMDXbQ782f7Yd6linmXEvfwfO2fAfTztX6eZ3Sk7Es3z/8D0fgrl5NXHdYAAAAASUVORK5CYII=');
}
.WAP .header #scrollImg.play{

	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA6y3h5gVsDgg2snYaPe/UFqtTKPK4r4Z9ZUxFMAP3WpokE97NiyzOv2mjksf96K+aAAACWUlEQVRIx52W6a6CMBCFp9pi2cq+L4LiLu//ejdgIkJL4XJ+GGnypfQM0zkg0smNHAu1bYss7eKeYJUMvfG12M1tAsTO3VjzG91YpNQQVSYZLRGzQqEqpbzgnFDgRZNz4M1SNMIPAmKRB47ozGZWaMO87NASbpkhBeRSUMYvHrEJSzLxkceusKzrFMywB2u0G79qjVRYJxPVPwVoElgrpRnKETkgEc2iNx4ew+hbODxbN2LG9xI/lfanjl8rAnHhClUPfOQ8aoDDDwdKAL3UPREYp2iMacqu+z/hyP5jYsht5zrID3S1AAABB0rY9xujU27/GrcSTUccZV0/6hVw3G7qzIiDSgeAxhRzgzNJfRhzZgNgo0LM9c6EH2cmXIFO4GrAc+5jcEbAgeZCFAu48h4Pzgi4+AJOKuDy7lfCpRpYOwG3W+CuFiB7A2dgKMkG7uBDCxs4aLfut3w+kmdZyp1v0c8EsfP5zPvppFLuiDJx/aJYyu3Tme/FDWVczYqZ79MY90NaOY5TfjkPfXzwuX6A22//PfFF13X25QhTe3Pu4/67df3+GhYU6zQ5n24ZAOpkEL307h3QcL9Y6dSX4lXe334ywigy+vvs8V0pT3zd6+RoT656bXp/4h6gpfj+Hu7P6X1dPfszveWTJeDmg72v8mvk5zLMxh4/j4wnKwMxxs8joLd/zL8b3TJvVVRvnO9b8oSHj1vyi8pjAOmKvJTO5DNDQhmONeMBvSBlNg8q6EJhTrkkf+byo2tMkHeZpq7J16zL18YBij5fs5skX/N5Hvutj2fz/B/LOymzX/xZaQAAAABJRU5ErkJggg==');
	-webkit-animation: rotate 3.82s linear infinite;
	animation: rotate 3.82s linear infinite;
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(-20px) rotate(-135deg)}100%{opacity:1;transform:translateY(0px) rotate(-135deg)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-20px) rotate(-135deg)}100%{opacity:1;-webkit-transform:translateY(0px) rotate(-135deg)}}
@keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

.WAP .header .top1{display: block;position: absolute;top:-15px;left:15px;width:160px;}
.WAP .header .top2{display: block;position: absolute;top:22px;width:75px;left:100px;}
.WAP .header .top3{width:60px;height: 40px;position: absolute;background: url(/statics/2020qly/wap/img/top_list.png) no-repeat;background-size: 60px 40px;bottom: 15px;right:18px;}
.WAP .header .top_title{position: absolute;bottom: 2px;left:30px;font-size: 18px;letter-spacing: 1px;line-height: 30px;}

/*******************IOS css*******************/
.wapPage1 .img1{width:0%;border-top: 1px solid transparent;margin: 0 auto;}
.wapPage1 .img1 img{width:45%;display: block;margin: 120px auto 0;}

.wapPage1 .banner{width:100%;height: 150px;margin-top: 10%;position: relative;zoom:0.1;opacity: 0}
.wapPage1 .banner .prev{display:block;position: absolute;top:50px;left:25px;width:45px;}
.wapPage1 .banner .next{display:block;position: absolute;top:50px;right: 25px;width:45px;}
.wapPage1 .knowBtn{width: 100%;position: relative;overflow: hidden;margin-top: 15%;display: none}
.wapPage1 .knowMore{display: block;margin:0 auto;border:1px solid #FFF;width:100px;text-align: center;font-size: 18px;padding:5px 10px;}

.wapPage1 .imgContent{width:200px;height: 150px;margin: 0 auto;overflow: hidden;}
.wapPage1 .imgContent img{display: block;height: 150px;margin-left:30px;}
.wapPage1 .imgContent .on{display: block;}
.wapPage1 .imgContent .off{display: none;}


.wapPage2 .mgt{margin-top: 25%;}
.wapPage2 .title{width:100%;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color:rgb(44, 76, 155);}

.wapPage2 .main{width: 90%;display: block;margin: 15px auto 15px;overflow: hidden;}

.wapPage2 .newsImg{display: block;width: 40%;overflow: hidden;height: 90px;float: left;}
.wapPage2 .main_r{background-color: white;width: 60%;float: left;height:90px;box-sizing: border-box;border: 1px solid #cecece;padding:10px 10px;}
.wapPage2 .main_r h3{font-size: 13px;color:#666;line-height: 25px;height: 50px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wapPage2 .main_r h4{font-size: 12px;color:#888;text-align: center;line-height: 20px;}
.wapPage2 .knowMore{display: block;margin:0 auto;border:1px solid #2C4B9B;width:100px;text-align: center;font-size: 16px;padding:5px 8px;color:#2C4B9B}

.wapPage2 .knowBtn{width: 100%;position: absolute;overflow: hidden;margin-top: 5%;height: 40px;}

.wapPage3 .page3Img{width: 90%;position: absolute;top:30%;right: 2%;}
.wapPage3 .img1{width: 65%;float: left;margin-top:20%;}
.wapPage3 .img2{width: 32%;float: right;}

.wapPage3 .knowBtn{position:absolute;top:60%;width:60%;right:5%;height: 40px;overflow: hidden;}
.wapPage3 .knowMore{display: block;margin:0 auto;border:1px solid #000;width:100px;text-align: center;font-size: 14px;padding:8px 5px;color:#000}

.wapPage4 .page4content{position:absolute;width:94%;top:20%;left:3%;}
.wapPage4 .title{width: 70%;height: 40px;line-height: 40px;color:#85743C;font-size: 1.4rem;margin:0 auto;text-align: center;}
.wapPage4 .content{width: 70%;line-height: 24px;color:rgb(130, 115, 64);font-size: 1.1rem;margin: 0 auto;}
.wapPage4 .knowBtn{width:70%;margin: 0 auto;}
.wapPage4 .knowMore{display: block;border:1px solid rgb(130, 115, 64);width:90px;text-align: center;font-size: 13px;padding:6px;color:#000;margin-top:10px;color:rgb(130, 115, 64);}


.wapPage5 .displayflex_b{width: 90%;margin:120px auto;}
.wapPage5 .box{color: rgb(255, 255, 255);font-size: 16px;display:block;border: 1px solid rgb(255, 255, 255);float: left;padding: 10px;margin:10px 0}
.wapPage5 .displayflex_b a{color: rgb(255, 255, 255);float: left;margin-right: 33px;font-size: 15px;padding:8px 0}
.wapPage5 ul{clear:both;}
.wapPage5 .title1{width: 100%;clear: both;}
.wapPage5 .title1 a{margin-right: 50px;}
.wapPage5 .title2{width: 100%;clear: both;}
.wapPage5 .title3{width: 100%;clear: both;}
.wapPage5 .title4{width: 100%;clear: both;}
.wapPage5 .title5{width: 100%;clear: both;}
.wapPage5 .title5 a{margin-right: 20px;}

.wapPage5 .footer{position: absolute;bottom: 0px;width: 100%;height:95px;background-color: #000000;opacity: 0.7;}
.wapPage5 .fp_1{display: block;height: 30px;color: rgb(255, 255, 255);text-align: center;line-height: 30px;font-size: 13px;}
.wapPage5 .footer_2{display: flex;justify-content: center;}
.wapPage5 .footer_2 img{width: 15px;height: 15px;margin:7px 5px 0 0 ;}
.wapPage5 .fp_2{color: rgb(255, 255, 255);font-size: 13px;line-height: 35px;}

.top3 .list{position: absolute;width: 125px;height: 0px;overflow: hidden;top: 55px;left: -50px;background-color: rgba(0, 0, 0, 0.5);}
.top3 .list a{font-size: 14px;line-height: 30px;text-align: center;color: white;}
.top3 .list li{border-bottom: 1px solid rgb(255,255,255);padding: 5px;}
/*.top3:hover .list{transition-duration: 0.5s;height: auto;}*/
.top3 .list li:last-child{border: none;}
.top3 .list li:active{background-color: rgba(4, 4, 4, 0.6);}
.top3 .list li a:active{color: black;}


.WAP .wap2_move0{position: relative;right:-100%;}
.WAP .wap2_move1{position: relative;right:-100%;}
.WAP .wap2_move2{position: relative;right:-100%;}
.WAP .wap2_move3{position: relative;right:-100%;}
.WAP .wap2_move4{margin-top: 100px;}

.WAP .wap3_move1{position: relative;left:-100%}
.WAP .wap3_move2{position: relative;right:-100%}
.WAP .wap3_move3{margin-top:100px;}
.WAP .wap4_move1{left:-100%;}


.wapPage5 .title1{position: relative;right: -120%;}
.wapPage5 .title2{position: relative;right: -120%;}
.wapPage5 .title3{position: relative;right: -120%;}
.wapPage5 .title4{position: relative;right: -120%;}
.wapPage5 .title5{position: relative;right: -120%;}


.bg0_move1{width: 300px;display: block;margin:150px auto 0;position: relative;right: -120%;}
.bg0_move2{  width: 400px;display: block;margin:30px auto 0;position: relative;right: -120%;}
/* .bg0_move3{width: 300px;display: block;margin:50px auto 0;position: relative;right: -120%;} */